<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	<h3>CSS+DIV页面布局技术所学知识</h3>
	<ol>
		<li>单元一HTML的基本标签</li>
		<ol type="a">
			<li>
			块级标签
			<ol type="i">
			<li>段落p标签</li>
			<li>标题h标签</li>
			<li>水平线hr标签</li>
		</ol>
		</li>
		<li>单元二表单应用</li>
		<li>单元三表格应用与布局</li>
		<li>单元四CSS样表</li>
	</ol>
	<h4>一个无序列表</h4>
	<ul>
		<li>
		咖啡
		<ul>
			<li>卡布奇诺</li>
			<li>浓缩咖啡</li>
			<li>拿铁</li>
			<li>摩卡</li>
		</ul>
		</li>
		<li>
		茶
		<ul type="square">
			<li>绿茶</li>
			<li>红茶</li>
			<li>乌龙茶</li>
		</ul>
		</li>
		<li>牛奶</li>
	</ul>
		<dl>
			<dt>海阔天空</dt>
			<dd>比喻像大海一样辽阔</dd>
		</dl>
	<h3>表格</h3>
	<table border="1">
		<tr>
			<td><img src="img/e585d722524446ba873ce94199b41750.webp"width="99"></td>
			<td><img src="img/e585d722524446ba873ce94199b41750.webp"width="99"></td>
		</tr>
		<tr>
			<td><img src="img/e585d722524446ba873ce94199b41750.webp"width="99"></td>
			<td><img src="img/e585d722524446ba873ce94199b41750.webp"width="99"></td>
		</tr>
	</table>
    <h3>悯农</h3>
	<p>锄禾日当午<br />
	汗滴禾下土<br />
	谁知盘中餐<br />
	粒粒皆辛苦</p><br />
	<h3>超链接</h3>
	<a href="http://www.baidu.com">百度</a>
	<a href="http://www.sohu.com">搜狐</a>
	<a href="http://www.bilibili.com">哔哩哔哩</a>
	<a href="http://www.douyin.com">抖音</a>
	</body>
</html>
